Ext.ns("liang");
/**
 * 辅助类函数
 * 
 * @param dom
 *            img 当前图节点 <br>
 *            更改图片
 */
function changValidateCode(img) {
	var _src = img.src;
	var _index;
	if ((_index = _src.indexOf('?')) != -1) {
		img.src = _src.substring(0, _index);
	} else {
		img.src = _src + "?_temp=" + new Date().valueOf();
	}
}
/**
 * 
 * @class liang.LoginPanel
 * @extends Ext.FormPanel <br>
 *          用于作登陆的Panel 所需参数<br>
 *          要设置提交的路径 actoin:path<br>
 *          验证码生成的路径 validateCode:path
 */
liang.LoginPanel = Ext.extend(Ext.FormPanel, {
			autoHeight : true,
			autoWidth : true,
			bodyStyle : "padding: 10px 0px 0px 10px",
			layout : "form",
			baseCls : 'x-pain',
			labelWidth : 50,
			buttonAlign : "center",
			defaults : {
				xtype : 'textfield',
				width : 110
			},
			initComponent : function() {
				var config = {
					items : [{
								fieldLabel : "帐&nbsp;&nbsp;号",
								emptyText : "帐号不能为空",
								name : "user.name"
							}, {
								fieldLabel : "密&nbsp;&nbsp;码",
								inputType : "password",
								name : 'user.password'
							}, {
								id : "validateCode",
								width : 50,
								fieldLabel : "验证码",
								name : "user.validateCode",
								emptyText : "不能空"
							}],
					buttons : [{
								text : "登陆",
								width : 50,
								type : "submit",
								handler : function(btn, evt) {
									Ext.MessageBox.alert("提交");
								}
							}, {
								text : '重置',
								width : 50,
								handler : function(_btn) {
									_btn.ownerCt.ownerCt.form.reset();
								}
							}]
				};
				Ext.apply(this, config);

				Ext.apply(this.initialConfig, config);

				liang.LoginPanel.superclass.initComponent
						.apply(this, arguments);

				// liang.LoginPanel.superclass.initComponent.call(this);

			},
			/**
			 * url:'util/randomImageAction.action'
			 * 
			 * @param {}
			 *            url 用法：<br>
			 *            当前容器所在的主窗口显示之后调用:show()
			 */
			setValidateCodeURL : function(url) {
				var _validateCode = Ext.getDom("validateCode");
				var _validateCodeParent = Ext.get(_validateCode.parentNode);
				// alert(_validateCodeParent)
				_validateCodeParent.createChild({
							tag : "img",
							title : "看不清换一张",
							src : url,
							align : 'absbottom',
							onclick : "changValidateCode(this)"

						});

			},
			keys : [{
						scope : this,
						key : [Ext.EventObject.ENTER],
						// ctrl: true,
						fn : function(evt) {
							alert("subimt");
						}
					}]
		});

/**
 * 显示登陆窗口
 */
function showLoginWin() {
	Ext.QuickTips.init();

	var _loginfp = new liang.LoginPanel();
	var _loginWin = new Ext.Window({
				title : "Login",
				width : 400,
				height : 300
			});

	_loginWin.add(_loginfp);
	_loginWin.show();

	_loginfp.setValidateCodeURL("util/randomImageAction.action");
}

Ext.onReady(showLoginWin);
